<!--
亲爱的陌生人，罗翔老师这段话送给迷茫的你：
“对于可控的事情要保持谨慎，对于不可控的事情要保持乐观，人只能做自己能力范围内的事情，更要接受这个事实，并且以乐观的心去应对这一切。” ​ ​​​
 -->
<!-- ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣀⡀⠀⠀⣀⡀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⠀⣼⣿⣿⣦⡀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⠀⠀⠀⠀⢸⣿⣿⡟⢰⣿⣿⣿⠟⠁⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⠿⢿⣦⣀⠀⠘⠛⠛⠃⠸⠿⠟⣫⣴⣶⣾⡆⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠸⣿⡀⠀⠉⢿⣦⡀⠀⠀⠀⠀⠀⠀⠛⠿⠿⣿⠃⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣦⠀⠀⠹⣿⣶⡾⠛⠛⢷⣦⣄⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣧⠀⠀⠈⠉⣀⡀⠀⠀⠙⢿⡇⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢀⣠⣴⡿⠟⠋⠀⠀⢠⣾⠟⠃⠀⠀⠀⢸⣿⡆⠀⠀⠀⠀⠀
⠀⠀⠀⠀⢀⣠⣶⡿⠛⠉⠀⠀⠀⠀⠀⣾⡇ 加油! ⢸⣿⠇⠀⠀⠀⠀⠀
⠀⢀⣠⣾⠿⠛⠁⠀⠀⠀⠀⠀⠀⠀⢀⣼⣧⣀⠀⠀⠀⢀⣼⠇⠀⠀⠀⠀⠀⠀
⠀⠈⠋⠁⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⡿⠋⠙⠛⠛⠛⠛⠛⠁⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣾⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⢾⠿⠋ -->
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,IE=11,IE=10,IE=9,IE=8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../style/img/favicon.ico" mce_href="../style/img/favicon.ico" type="image/x-icon">

    <title>三岁影视</title>

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <!-- <link href="../../assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet"> -->


    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->


    <link rel="stylesheet" href="../style/css/me.css"/>
    <link rel="stylesheet" href="../style/js/css/layui.css" media="all">
    <link rel="stylesheet" href="../style/css/auto.css"/>
    <link rel="stylesheet" href="../style/css/fakeLoader.min.css">

    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
          integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css"
          integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
            integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous">
    </script>

    <style>
        @media print {
            .container {
                width: auto;
            }
        }


        #header_color {
            height: 70px;
        }

        #u2_btn_sy,
        #u2_btn_dy,
        #u2_btn_dsj,
        #u2_btn_zy,
        #u2_btn_dm {
            color: #FFFFFF;
            background-color: transparent;
            border-width: 0rem;
        }

        .type {
            background-color: rgba(232, 242, 254, 1);
            width: 132px;
            height: 99px;
            border-radius: 5px;
            font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
            font-weight: 700;
            font-style: normal;
            font-size: 20px;
            color: #257CFF;
            cursor: pointer;
            margin: 0px 0px 0px 35px;
            text-align: center;
            line-height: 95px;
        }

        .type:hover {
            color: #FFFFFF;
            background-color: #257CFF;
            -webkit-box-shadow: #257CFF 0px 0px 20px;
            -moz-box-shadow: #257CFF 0px 0px 20px;
            box-shadow: #257CFF 0px 0px 20px;
        }


        #info_div {
            height: 485px;
            background-color: #ffffff;
            border-radius: 1px;
            -webkit-border-radius: 8px;
            -moz-border-radius: 8px;
            -webkit-box-shadow: #ccc 0px 0px 10px;
            -moz-box-shadow: #ccc 0px 0px 10px;
            box-shadow: #ccc 0px 0px 10px;
        }

        #imgUrl {
            float: right;
            width: 220px;
            height: 320px;
            background: inherit;
            box-sizing: border-box;
            border-radius: 7px;
        }

        #playBtn {
            background: inherit;
            background-color: rgba(253, 57, 122, 1);
            border-color: rgba(253, 57, 122, 1);
            box-sizing: border-box;
            -moz-box-shadow: none;
            -webkit-box-shadow: none;
            box-shadow: none;
            font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
            font-weight: 700;
            font-style: normal;
            color: #FFFFFF;
        }

        #playBtn:hover {
            background-color: rgba(253, 36, 83, 1.0);
            -webkit-box-shadow: rgba(253, 57, 122, 1) 0px 0px 20px;
            -moz-box-shadow: rgba(253, 57, 122, 1) 0px 0px 20px;
            box-shadow: rgba(253, 57, 122, 1) 0px 0px 20px;
        }

        #tipsImg {
            width: 76px;
            height: 78px;
            margin: 0px 30px 0px 5px;
        }
    </style>
</head>

<body>
<!-- 头部 -->
<div class="fakeloader"></div>
<div class="m-mobile-hide">
    <nav class="navbar navbar-default navbar-static-top">
        <div class="container" id="header_color">
            <div class="row">
                <div class="col-md-3">
                    <div class="navbar-header" style="margin-top: -15px;float: right;">
                        <!-- logo -->
                        <span>
									<a class="" href="#" id="title_logo">
										<img alt="Brand" src="../style/img/u1.png">
									</a>
									<img class="" id="title_img" src="../style/img/u2.svg"/>
                            <!-- 标题 -->
									<p class="" id="title">三岁影视</p>
								</span>
                    </div>
                </div>
                <div class="col-md-4">
                    <div id="u2_btn">
                        <a type="button" href="../index.html" id="u2_btn_sy">首页</a>
                        <a type="button" href="dianying.html" id="u2_btn_dy">电影</a>
                        <a type="button" href="dianshiju.html" id="u2_btn_dsj">电视剧</a>
                        <a type="button" href="zongyi.html" id="u2_btn_zy">综艺</a>
                        <a type="button" href="dongman.html" id="u2_btn_dm">动漫</a>
                    </div>
                </div>

                <div class="col-md-5">
                    <!-- 搜索框 -->
                    <div id="u2_search">
                        <div class="layui-input-inline">
                            <input type="text" id="search_input" style="color: #FFFFFF;" required
                                   lay-verify="required" placeholder="大人想搜点什么？" autocomplete="off"
                                   class="layui-input">
                        </div>
                        <button type="submit" id="search_input_btn" style="color: #FFFFFF;"
                                class="btn btn-default">搜索
                        </button>
                    </div>
                </div>
            </div>

        </div>
    </nav>
    <!-- 内容部分 -->
    <div id="error-404" style="display: none;">
        <iframe marginwidth=0 marginheight=0 width="100%" height=650 src="../error/404.html" frameborder="no">
        </iframe>
    </div>


    <div class="container u3_div">
        <div class="row" id="info_div">
            <div class="col-md-6" style="padding:40px 20px 0px 4.625rem;">
                <p class="layui-elip title_text" title="">向往的生活 第五季</p>
                <span class="layui-btn layui-btn-sm layui-btn-radius layui-btn-danger" id="cateName">电影</span>
                <span class="layui-btn layui-btn-sm layui-btn-radius layui-btn-warm" id="score">8.9</span>
                <span class="layui-btn layui-btn-sm layui-btn-radius layui-btn-normal" id="years">2021</span>

                <p class="layui-font-18">导演：
                    <span class="layui-font-14 layui-font-black" id="director" name="director">不详</span>
                </p>
                <p class="layui-font-18">主演：
                    <span class=" layui-font-14 layui-font-black" id="actor" name="actor">不详</span>
                </p>
                <p class="layui-font-18">地区：
                    <span class="layui-font-14 layui-font-black" id="area" name="area">不详</span>
                </p>
                <p class="layui-font-18">集数：
                    <span class="layui-font-14 layui-font-black" id="tvNum" name="tvNum">不详</span>
                </p>
                <span class="layui-font-18">简介：
							<p class="layui-elip layui-font-14 layui-font-black" id="introduce" name="introduce"
                               title="个名叫雅各布（约翰·塞纳饰）的人，恰巧是他遗落在外的亲弟弟。">
								“唐老大”多姆（范·迪塞尔 饰）与莱蒂（米歇尔·罗德里格兹
							</p>
						</span>
                <!-- 播放按钮 -->
                <div class="layui-btn-container playBtn-1">
                    <button title="" type="button" id="playBtn" vodid="" value="" onclick="jump_play(this)"
                            class="layui-btn layui-btn-radius layui-btn-primary">
                        <i class="layui-icon layui-icon-play site-doc-icon"></i>
                        <span>立即播放</span></button>
                </div>
            </div>

            <div class="col-md-6" style="padding:40px 40px 0px 0px;">
                <img title="" src="https://p.ssl.qhimg.com/d/dy_87803a7771c165677280c206b1f096d7.jpg"
                     alt="图片正在赶来的路上..." class="" id="imgUrl"/>
            </div>

        </div>

        <!-- 提示部分 -->
        <div class="layui-row">
            <div class="layui-col-xs12 layui-col-md12">
                <div class="layui-card-body layui-text layadmin-about">
                    <blockquote class="layui-elem-quote" style="border: none;">
                        <img src="../style/img/tips.png" id="tipsImg"/>
                        <span class="layui-font-20 layui-font-black">注意：</span>
                        <q>嗨！各位老铁，本站包括视频中的广告一定不要相信，都是骗人的！</q>
                    </blockquote>
                </div>
            </div>
        </div>

        <!-- 播放接口部分 -->

        <div class="layui-row">
            <div class="layui-col-xs12 layui-col-md12">
                <!--  -->
                <fieldset class="layui-elem-field layui-field-title">
                    <legend><b>在线播放</b></legend>
                </fieldset>
                <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                    <ul class="layui-tab-title">
                        <li id="api1" value="https://jiexi.8b5q.cn/player/jx.php?url=" class="layui-this">接口1</li>

                        <!--								<li id="api1" value="http://jx.quanmingjiexi.com/?url=" class="layui-this">接口1</li>-->
                        <!--								<li id="api2" value="http://jsap.attakids.com/?url=">接口2</li>-->
                        <!--								<li id="api3" value="http://jx.598110.com/index.php?url=">接口3</li>-->
                        <!--								<li id="api4" value="http://17kyun.com/api.php?url=">接口4</li>-->
                        <!--								<li id="api5" value="https://okjx.cc/?url=">接口5</li>-->
                    </ul>
                    <!-- 集数 -->
                    <div class="layui-tab-content" style="height: 100px;">
                        <div class="layui-tab-item layui-show mov_api">
                            <ul id="mov_api"></ul>
                            <!-- 						<span type="button" class="layui-btn layui-btn-primary layui-border-black"
                            class="numBtn" id="u4s_info_num1" value="www.qqq.com"
                            onclick="jump_play(this)">2021/08/01期</span>
                            <span type="button" class="layui-btn layui-btn-primary layui-border-black"
                                class="numBtn" id="u4s_info_num1" value="www.qqq.com"
                                onclick="jump_play(this)">2021/08/01期</span><span type="button" class="layui-btn layui-btn-primary layui-border-black"
                            class="numBtn" id="u4s_info_num1" value="www.qqq.com"
                            onclick="jump_play(this)">2021/08/01期</span> -->
                        </div>
                        <!-- 分页数据   -->
                        <div class="row page">
                            <div class="col-md-6">
                                <!--                                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">-->
                                <!--                                    <legend>将一段已知数组分页展示</legend>-->
                                <!--                                </fieldset>-->
                                <div id="page"></div>

                                <!--                                <ul id="biuuu_city_list"></ul>-->
                                <!--										<button type="button" class="layui-btn layui-btn-sm layui-btn-primary">-->
                                <!--											<i class="layui-icon layui-icon-left"></i>上一页-->
                                <!--										</button>-->
                                <!--										<button type="button" class="layui-btn layui-btn-sm layui-btn-primary">-->
                                <!--											<i class="layui-icon layui-icon-right"></i>下一页-->
                                <!--										</button>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- 相关 -->
        <div class="" style="padding-top:120px;">
            <div class="row">
                <div class="col-md-4">
                    <span class="label label-primary u3_div_title">相关视频</span>
                </div>
            </div>

            <div class="row" id="same">
                <!-- <div class="col-md-3">
                <div class="thumbnail">
                    <img src="https://ae01.alicdn.com/kf/HTB1s6j_Xrys3KVjSZFn760FzpXaA.png" alt="图片正在赶来的路上..."
                        onclick="javascript:location.href='./index.html'" class="u3_div_img">
                    <div class="caption">
                        <a href="#" class="u3_div_text">向往的生活 第五季</a>
                        <p id="u3_div_text_p">更新至20210521
                        <p>
                    </div>
                </div>
            </div> -->
            </div>
        </div>
    </div>


    <!-- <footer><p>&copy; 2016 Company, Inc.</p></footer> -->
    <div class="layui-footer footer footer-doc">
        <hr>
        <div class="layui-container">
            <div class="site-union" align="left">
                <p class="site-union-desc footer_youlian">
							<span id="">
								友情链接:
							</span>&nbsp;
                    <span>
								<a href="https://cloud.tencent.com/" target="_blank">腾讯云</a>
								&nbsp;|&nbsp;
								<a href="http://www.baidu.com" target="_blank">百度</a>
							</span>
                </p>
            </div>

            <div align="center" id="footer_gy">
                <p><span>本站所有视频和图片均来自互联网收集而来，版权归原创者所有，本网站只提供web页面服务，并不提供资源存储，也不参与录制、上传</span></p>
                <p><span>若本站收录的节目无意侵犯了贵司版权，请发邮件至1578393930@qq.com （我们会在3个工作日内删除侵权内容，谢谢。）</span></p>
                <p>&copy; 2021 <a href="#三岁影视" style="text-decoration: none;">三岁影视</a>&nbsp;&nbsp;&nbsp;
                    <a href="https://beian.miit.gov.cn/" target="_blank" style="text-decoration: none;">备案号</a>
                </p>
                <a href='https://gitee.com/wyq517/sansui-movies/stargazers'><img
                        src='https://gitee.com/wyq517/sansui-movies/badge/star.svg?theme=dark'
                        alt='star'></img></a>

            </div>
        </div>
    </div>
</div>
<div class="m-mobile-show" style="display: none;">
    <iframe marginwidth=0 marginheight=0 width="100%" height=850px src="../m/index.html"
            frameborder="no"></iframe>
</div>


<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> -->
<script src="../style/js/fakeLoader.min.js"></script>
<script>
    //加载事件

    // $(document).ready(function() {
    // 	$.fakeLoader({
    // 		timeToHide: 1200,
    // 		bgColor: "#55007f",
    // 		spinner: "spinner7"
    //         // imagePath:"yourPath/customizedImage.gif" //也可以加入gif加载图片
    // 	});
    // });


    //加载完成事件

    $(window).on('load', function () {
        $.fakeLoader({
            timeToHide: 1200,
            bgColor: "#55007f",
            spinner: "spinner4"
        });
    });
</script>
<div class="fakeLoader"></div>
<script src="../style/js/me.js"></script>
<script src="../style/js/mov.js"></script>
<script src="../style/js/layui.js" charset="utf-8"></script>
<script src="../style/js/jquery.params.js"></script>
<script src="../style/js/jquery.base64.js"></script>
<script src="https://cdn.jsdelivr.net/gh/hei-jack/heigobacktop@V1.0.1/dist/heigobacktop.min.js"></script>


<script>
    let example = new HeiGoBackTop(2);

    example.onBeforeCreate(function () {
        // 设置主题
        this.themes = 3;
        // 设置移动速度
        this.speed = 40;
        // 设置按钮样式
        this.width = "80px"

    });

    //获取请求地址的参数
    var title = $.query.get("title");
    var vodid = $.query.get("vodid");
    if (vodid) {
        // 正常获取影视详细信息
        $(document).attr('title', title + '-三岁影视');
        var infoData = get_info(vodid);
        // console.log(infoData);
        //获取标题
        $(".title_text").text(infoData.vod_name);
        //分类
        $("#cateName").text(infoData.type_name);
        //分数
        $("#score").text(infoData.vod_douban_score);
        //年份
        $("#years").text(infoData.vod_year);
        //导演
        $("#director").text(infoData.vod_director);
        //主演
        $("#actor").text(infoData.vod_actor);
        //地区
        $("#area").text(infoData.vod_area);
        //简介
        $("#introduce").text(infoData.vod_content);
        $("#introduce").attr("title", infoData.vod_content);
        //图片
        $("#imgUrl").attr('src', infoData.vod_pic);
        $("#imgUrl").attr('title', infoData.vod_name);

        $("#playBtn").attr('title', infoData.vod_name);
        $("#playBtn").attr("vodid", vodid);
        //	更新集数
        $("#tvNum").text(infoData.vod_remarks);
        var arr = infoData.vod_play_url.split("#");


        layui.use(['laypage', 'layer'], function () {
            var laypage = layui.laypage
                , layer = layui.layer;
            laypage.render({
                elem: 'page'
                , count: arr.length
                , jump: function (obj) {
                    document.getElementById('mov_api').innerHTML = function () {
                        var arr1 = []
                            , thisData = arr.concat().splice(obj.curr * obj.limit - obj.limit, obj.limit);
                        layui.each(thisData, function (index, item) {
                            var numName = item.substring(0, item.indexOf("$"));
                            var playUrl = item.substring(item.indexOf("$") + 1);
                            arr1.push('<li type="button" vodid="' + vodid + '" title="' + title + '" onclick="jump_play(this)" value="' + playUrl + '" class="numBtn layui-btn layui-btn-primary layui-border-black">' + numName + '</li>');
                        });
                        return arr1.join('');
                    }();
                }
            });


        });

        $("#playBtn").attr("value", arr[0].substring(arr[0].indexOf("$") + 1));


    } else {
        $(".u3_div").attr("style", "display:none;");
        $("#error-404").removeAttr("style");
        $(document).attr('title', '404-三岁影视');
    }


    function search_srt_isnull() {
        var search_str = $("#search_input").val();
        if (search_str == "" || search_str == null) {
            // alert("搜索内容不可为空")
            layer.msg('搜索内容不可为空', function () {
                //关闭后的操作
            });
        } else {
            let title = $("#search_input").val();
            url = "./search.html?wd=" + title; //此处拼接内容
            window.location.href = url;
        }
    };

    $("#search_input_btn").click(function () {
        search_srt_isnull();
        return false;
    })

    // 回车事件
    $('#search_input').bind('keypress', function (event) {
        if (event.keyCode == "13") {
            search_srt_isnull();
            return false;
        }
    });

</script>

</body>
</html>
